<template>
  <div>
    <div class="header-choose">
      <!-- header头部高亮 -->
      <Header ref="Header" @sendidx="getindex" />
      <!-- Choose选择 -->
      <Choose />
    </div>
    <!-- 陪玩项目列表 -->
    <Itemlist :checkitemidx="checkitemidx" />
    <Footer />
  </div>
</template>

<script>
import Header from "../components/Header.vue";
import Choose from "../components/Choose.vue";
import Itemlist from "../components/Itemlist.vue";
import Footer from "../components/footer.vue";
import axios from "axios";
export default {
  name: "Order",
  components: {
    Header,
    Choose,
    Itemlist,
    Footer,
  },
  data() {
    return {
      checkitemidx: 0,
    };
  },

  methods: {
    getindex(index) {
      console.log(typeof index);
      this.checkitemidx = index;
      console.log(this);
      // return this.checkitemidx;
    },
  },
  created() {
    // axios.post("/wap/getWapDlGameList").then((res) => {
    //   console.log(res);
    // });
  },
};
</script>



<style lang="less" scoped>
.header-choose {
  width: 100vw;
  height: 138px;
  background-color: #fff;
}
</style>